<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>营销项目</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<style>
		.content-form input {
		    width: 140px;
		}
		.content-table-two{
			width: 1080px;
		}
		.content-table-two tbody tr td {
		    max-width: 300px;
		    min-width: 30px;
		}
		.content-btn {
		    border-top: 1px solid #e6e6e6;
		    padding-top: 20px;
		    padding-bottom: 5px;
		}
		.export-btn {
		    float: left;
		    margin-top: 0px;
		    margin-right: 12px;
		}
		.yuBtn{
			display: inline-block;
		 	padding:0 8px;
		 	line-height: 28px; 
		    margin-right: 12px;
		    background: #00aaff;
		    color:#fff;
		    border:1px solid #00aaff;
		    border-radius: 4px;
			cursor: pointer;
		}
		.topBtn{
			display: inline-block;
		    padding: 0 8px;
		    line-height: 28px;
		    min-width: 80px;
		    vertical-align: initial;
		    margin-right: 12px;
		    background: #FF9933;
		    color: #fff;
		    border: 1px solid #FF9933;
		    border-radius: 4px;
		    cursor: pointer;
		}
		.content-form ul li > .laydate-icon {
		    padding-left: 12px !important;
		}
		.stars{
			display: inline-block;
		    width: 24px;
		    height: 24px;
		    background: url(images/stars.png)no-repeat;
		    vertical-align: middle;
		    margin-right: 5px;
		}
		.productGroup{
			border: 1px solid #e6e6e6;
		    border-radius: 6px;
		    width: 1080px;
		    margin-bottom: 20px;
		    box-sizing: border-box;
		}
		.productActive{
			 background: url(images/product-bg.png)no-repeat top right;
		}
		.productGroup>li{
			padding:20px;
		}
		.productData{
			float: left;
			width: 780px;
			height:auto;
    		display: inline-block;
		}
		.productData-table{
			width: 780px;
			height: auto;
		}
		.productData-table tbody tr td{
			line-height: 40px;
			border-bottom: 1px solid #e6e6e6;
		}
		.productData-table tbody tr td p{
			text-align: center;
			line-height: 30px;
		}
		.productData-table tbody tr:nth-child(2){
			background: #e6e6e6;
			text-align: center;
		}
		.productData-table tbody tr:nth-child(3) td{
			border:1px solid #e6e6e6; 
		}
		.state-1{
		    display: inline-block;
		    font-style: normal;
		    font-size: 12px;
		    padding: 0px 8px;
		    height: 28px;
		    line-height: 28px;
		    color: #fff;
		    border: 1px solid #ff9933;
		    border-radius: 4px;
		    background: #ff9933;
		}
		.productTitle{
			font-size: 16px;
    		color: #326EF7;
		}
		.productOperation{
			float: right;
			width: 240px;
			height:auto;
    		display: inline-block;
		}

		.productOperation ol{
			width: 240px;
			height:auto;
			float: right;
		}

		.productOperation ol li{
			width: 100%;
			line-height: 40px;
		}
		.jinduWidth{
			display: inline-block;
		    width: 130px;
		    height: 20px;
		    border: 1px solid #e6e6e6;
		    vertical-align: middle;
		}
		.jindu{
			display: block;
		    width: 60px;
		    height: 100%;
		}
		.ff9933{
			background: #ff9933;
		}
		.ooaaff{
			background: #00aaff;
		}
	</style>
</head>
<body>
	<div class="main-content">
		<div class="main-bg">
			<p class="content-title">营销项目</p>
			<div class="content-form">
				<ul>
					<li><span class="text-name">产品名称：</span><input type="text"></li>
					<li><span class="text-name">上架时间：</span><input id="data-time" class="laydate-icon" type="text">&nbsp;-&nbsp;<input id="data-time1" class="laydate-icon" type="text"></li>
					<li><span class="text-name">下架时间：</span><input id="data-time2" class="laydate-icon" type="text">&nbsp;-&nbsp;<input id="data-time3" class="laydate-icon" type="text"></li>
					<li><span class="text-name">发行规模(万)：</span><input type="text">&nbsp;-&nbsp;<input type="text"></li>
					<li><button class="btn-style-two">搜索</button>&nbsp;&nbsp;&nbsp;<button class="btn-style-two">重置</button></li>
				</ul>
				<ol>
					<li><em>发行阶段</em><span class="checkActive">不限</span><span>预热中</span><span>热销中</span><span>收尾中</span></li>
					<li><em>收益分配方式</em><span>不限</span><span class="checkActive">固定/浮动收益</span><span>固定收益</span><span>浮动收益</span></li>
					<li><em>投资方向</em><span>不限</span><span>二级市场</span><span class="checkActive">债权投资</span><span>股权投资</span><span>海外投资</span><span>其他服务</span></li>
				</ol>
			</div>
			<div class="content-list">
				<div class="info-list">
					<div class="content-btn">
						<a href="newProduct.html" class="export-btn clearfix">新建项目</a>
					</div>
					<div class="productGroupcontent matop30">
						<ul class="productGroup productActive productActive clearfix">
							<li class="clearfix">
								<div class="productData">
									<table class="productData-table" cellspacing="0" cellpadding="0">
										<tbody>
											<tr>
												<td><i class="state-1">发行中</i></td>
												<td colspan="6"><span class="productTitle">江阴华中投资管理有限公司2017年非公开发行定向投资工具（江阴华中定投工具3号）</span></td>
											</tr>
											<tr>
												<td style="width:90px;">业绩比较基准</td>
												<td style="width:140px;">发行规模 / 剩余规模</td>
												<td style="width:140px;">预约金额 / 缴款金额</td>
												<td style="width:60px;">项目周期</td>
												<td style="width:90px;">投资领域</td>
												<td style="width:140px;">总客户数/剩余客户数</td>
												<td style="width:150px;">投资起点</td>
											</tr>
											<tr>
												<td><p>9%~9.5%</p></td>
												<td>
													<p>20,000.00万</p>
													<p>20,000.00万</p>
												</td>
												<td>
													<p>20,000.00万</p>
													<p>20,000.00万</p>
												</td>
												<td><p>12月</p></td>
												<td><p>工商企业</p></td>
												<td>
													<p>200人</p>
													<p>20人</p>
												</td>
												<td>
													<p>个人 10,480.00万起</p>
													<p>机构  510.00万起</p>
												</td>
											</tr>
											<tr>
												<td>上下架时间:</td>
												<td colspan="6"><span>2017-08-29 10：00：00至2017-09-01 16：30：00</span></td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="productOperation">
									<ol>
										<li><span>推荐指数：</span><i class="stars"></i><i class="stars"></i><i class="stars"></i></li>
										<li><span>预约：</span><p class="jinduWidth"><em class="jindu ff9933"></em></p><span>52.43%</span></li>
										<li><span>签约：</span><p class="jinduWidth"><em class="jindu ooaaff"></em></p><span>0.00%</span></li>
										<li><span>距离下架时间：</span><em>00天00小时00分00秒</em></li>
										<li><a href="newProduct.html" class="yuBtn clearfix">立即预约</a><button class="topBtn clearfix">取消置顶</button></li>
									</ol>
								</div>
							</li>
						</ul>
						<ul class="productGroup clearfix">
							<li class="clearfix">
								<div class="productData">
									<table class="productData-table" cellspacing="0" cellpadding="0">
										<tbody>
											<tr>
												<td><i class="state-1">发行中</i></td>
												<td colspan="6"><span class="productTitle">江阴华中投资管理有限公司2017年非公开发行定向投资工具（江阴华中定投工具3号）</span></td>
											</tr>
											<tr>
												<td style="width:90px;">业绩比较基准</td>
												<td style="width:140px;">发行规模 / 剩余规模</td>
												<td style="width:140px;">预约金额 / 缴款金额</td>
												<td style="width:60px;">项目周期</td>
												<td style="width:90px;">投资领域</td>
												<td style="width:140px;">总客户数/剩余客户数</td>
												<td style="width:150px;">投资起点</td>
											</tr>
											<tr>
												<td><p>9%~9.5%</p></td>
												<td>
													<p>20,000.00万</p>
													<p>20,000.00万</p>
												</td>
												<td>
													<p>20,000.00万</p>
													<p>20,000.00万</p>
												</td>
												<td><p>12月</p></td>
												<td><p>工商企业</p></td>
												<td>
													<p>200人</p>
													<p>20人</p>
												</td>
												<td>
													<p>个人 10,480.00万起</p>
													<p>机构  510.00万起</p>
												</td>
											</tr>
											<tr>
												<td>上下架时间:</td>
												<td colspan="6"><span>2017-08-29 10：00：00至2017-09-01 16：30：00</span></td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="productOperation">
									<ol>
										<li><span>推荐指数：</span><i class="stars"></i><i class="stars"></i><i class="stars"></i></li>
										<li><span>预约：</span><p class="jinduWidth"><em class="jindu ff9933"></em></p><span>52.43%</span></li>
										<li><span>签约：</span><p class="jinduWidth"><em class="jindu ooaaff"></em></p><span>0.00%</span></li>
										<li><span>距离下架时间：</span><em>00天00小时00分00秒</em></li>
										<li><a href="newProduct.html" class="yuBtn clearfix">立即预约</a><button class="topBtn clearfix">置顶</button></li>
									</ol>
								</div>
							</li>
						</ul>
						<ul class="productGroup clearfix">
							<li class="clearfix">
								<div class="productData">
									<table class="productData-table" cellspacing="0" cellpadding="0">
										<tbody>
											<tr>
												<td><i class="state-1">发行中</i></td>
												<td colspan="6"><span class="productTitle">江阴华中投资管理有限公司2017年非公开发行定向投资工具（江阴华中定投工具3号）</span></td>
											</tr>
											<tr>
												<td style="width:90px;">业绩比较基准</td>
												<td style="width:140px;">发行规模 / 剩余规模</td>
												<td style="width:140px;">预约金额 / 缴款金额</td>
												<td style="width:60px;">项目周期</td>
												<td style="width:90px;">投资领域</td>
												<td style="width:140px;">总客户数/剩余客户数</td>
												<td style="width:150px;">投资起点</td>
											</tr>
											<tr>
												<td><p>9%~9.5%</p></td>
												<td>
													<p>20,000.00万</p>
													<p>20,000.00万</p>
												</td>
												<td>
													<p>20,000.00万</p>
													<p>20,000.00万</p>
												</td>
												<td><p>12月</p></td>
												<td><p>工商企业</p></td>
												<td>
													<p>200人</p>
													<p>20人</p>
												</td>
												<td>
													<p>个人 10,480.00万起</p>
													<p>机构  510.00万起</p>
												</td>
											</tr>
											<tr>
												<td>上下架时间:</td>
												<td colspan="6"><span>2017-08-29 10：00：00至2017-09-01 16：30：00</span></td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="productOperation">
									<ol>
										<li><span>推荐指数：</span><i class="stars"></i><i class="stars"></i><i class="stars"></i></li>
										<li><span>预约：</span><p class="jinduWidth"><em class="jindu ff9933"></em></p><span>52.43%</span></li>
										<li><span>签约：</span><p class="jinduWidth"><em class="jindu ooaaff"></em></p><span>0.00%</span></li>
										<li><span>距离下架时间：</span><em>00天00小时00分00秒</em></li>
										<li><a href="newProduct.html" class="yuBtn clearfix">立即预约</a><button class="topBtn clearfix">置顶</button></li>
									</ol>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="table-pages clearfix">
			<ul class="pages-list">
				<li><a href=""><</a></li>
				<li><a class="menu-active" href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">...</a></li>
				<li><a href="">20</a></li>
				<li><a href="">></a></li>
			</ul>
		</div>
	</div>

	<script src="js/jquery-1.12.0.min.js"></script>
	<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
	<script src="lib/rili/laydate.dev.js"></script>
    <script type="text/javascript">

    	var tIndex;

    	function getRandom(n){return Math.floor(Math.random()*n+1)};

		var bodyrel="temp"+getRandom(100);
		console.log(bodyrel);
		
		$('body').attr("rel",bodyrel);
		$(window.parent.document).find('.show_iframe').children("iframe").each(function(){
			var tRel=$(this.contentWindow.document).find("body").attr("rel");
			if(tRel==bodyrel){
				tIndex=$(this).attr("src");	
			}
		});
		console.log(tIndex);

        $(document).ready(function (){
			var eventStart = {  
			        elem: '#data-time',  
			        format: 'YYYY/MM/DD',  
			        min: laydate.now(), 
			        max: '2099-06-16',  
			        istime: true,  
			        istoday: true,  
			        start: laydate.now(0,"YYYY-MM-DD"),  
			        choose: function(enddatas){  
			        	/* activityStart.max = enddatas; //结束日选好后，重置开始日的最大日期  
			        	activity_end_time=enddatas; */
			        }  
			    };
			var eventEnd = {  
			        elem: '#data-time1',  
			        format: 'YYYY/MM/DD',  
			        min: laydate.now(), 
			        max: '2099-06-16',  
			        istime: true,  
			        istoday: true,  
			        start: laydate.now(0,"YYYY-MM-DD"),  
			        choose: function(enddatas){  
			        	/* activityStart.max = enddatas; //结束日选好后，重置开始日的最大日期  
			        	activity_end_time=enddatas; */
			        }  
			    };
			var eventStart1 = {  
			        elem: '#data-time2',  
			        format: 'YYYY/MM/DD',  
			        min: laydate.now(), 
			        max: '2099-06-16',  
			        istime: true,  
			        istoday: true,  
			        start: laydate.now(0,"YYYY-MM-DD"),  
			        choose: function(enddatas){  
			        	/* activityStart.max = enddatas; //结束日选好后，重置开始日的最大日期  
			        	activity_end_time=enddatas; */
			        }  
			    };
			var eventEnd1 = {  
			        elem: '#data-time3',  
			        format: 'YYYY/MM/DD',  
			        min: laydate.now(), 
			        max: '2099-06-16',  
			        istime: true,  
			        istoday: true,  
			        start: laydate.now(0,"YYYY-MM-DD"),  
			        choose: function(enddatas){  
			        	/* activityStart.max = enddatas; //结束日选好后，重置开始日的最大日期  
			        	activity_end_time=enddatas; */
			        }  
			    };
			laydate(eventStart);
			laydate(eventEnd);
			laydate(eventStart1);
			laydate(eventEnd1);


		 });
		function addingPeople(){
					  parent.layer.open({
				      type: 2,
				      title: '员工搜索',
				      shadeClose: true,
				      shade: 0.2,
				      maxmin: true, //开启最大化最小化按钮
				      area: ['870px', '400px'],
				      content: 'addingPeople.html',
				      success: function(layero,index){
							    console.log(layero);
							    console.log(index);
							    var dd=layero.find('iframe').attr('id');
							    layero.find('iframe').attr('iframe-index',index);
							    console.log(dd);
							    // var cc=dd.html();
							    // console.log(cc);
							  }
				});
				
			};
			function seeInformation(tIndex){
					  parent.layer.open({
				      type: 2,
				      title: '查看相关人员信息',
				      shadeClose: true,
				      shade: 0.2,
				      maxmin: true, //开启最大化最小化按钮
				      area: ['870px', '400px'],
				      content: 'seeJointperson.html'
				});
			};
			function del(tIndex){
					parent.layer.open({
				      type: 2,
				      title: '删除',
				      shadeClose: true,
				      shade: 0.2,
				      maxmin: true, //开启最大化最小化按钮
				      area: ['450px', '250px'],
				      content: 'delete.html'
				    });
				};
	</script>
</body>
</html>